<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.9 - http://yoast.com/wordpress/seo/ -->
<title>Tristar Web Design, Website Design London &amp; Web Designers</title>


<link rel='stylesheet' id='google_fonts-css'  href='http://fonts.googleapis.com/css?family=Oswald&#038;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Ccyrillic&#038;ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='jqueryui-css'  href='css/custom.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='flexslider-css'  href='css/flexslider.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='slider-style-css'  href='css/slider-style.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='screen-css'  href='css/screen.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-css'  href='css/jquery.fancybox.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox_thumb-css'  href='css/jquery.fancybox-thumbs.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='mediaelementplayer-css'  href='css/mediaelementplayer.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='tipsy-css'  href='css/tipsy.css?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='custom_css-css'  href='css/custom-css.php?ver=1.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='grid-css'  href='css/grid.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='css/styles.css?ver=3.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-settings-css'  href='css/settings.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='rs-captions-css'  href='css/captions.css?ver=3.5.1' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery.js?ver=1.8.3'></script>
<script type='text/javascript' src='js/jquery.themepunch.plugins.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='js/jquery.themepunch.revolution.min.js?ver=3.5.1'></script>

<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" id="syntaxhighlighteranchor"></style>
</head>


<body class="home_css_not_for_other_page blog">

	<input type="hidden" id="slider_timer" name="slider_timer" value="10"/>
	
	<input type="hidden" id="pp_blogurl" name="pp_blogurl" value="http://www.tristarwebdesign.co.uk"/>
	
	<input type="hidden" id="pp_stylesheet_directory" name="pp_stylesheet_directory" value="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens"/>
	<input type="hidden" id="pp_footer_style" name="pp_footer_style" value="3"/>
	<input type="hidden" id="pp_lightbox_padding" name="pp_lightbox_padding" value="10"/>
	<input type="hidden" id="pp_lightbox_opacity" name="pp_lightbox_opacity" value="0.7"/>
	<input type="hidden" id="pp_lightbox_open_effect" name="pp_lightbox_open_effect" value="elastic"/>
	<input type="hidden" id="pp_lightbox_open_speed" name="pp_lightbox_open_speed" value="150"/>
	<input type="hidden" id="pp_lightbox_autoplay" name="pp_lightbox_autoplay" value="true"/>
	<input type="hidden" id="pp_lightbox_play_speed" name="pp_lightbox_play_speed" value="4000"/>
	
	<!-- Begin template wrapper -->
	<div id="wrapper">
			
		<div class="header_bg">	
		
						<!-- Begin top bar -->
			<div id="top_bar">
			    
			    <div class="top_bar_wrapper">
			    				    	<div class="top_social">
			
			    		<ul class="social_wrapper">
			    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    				    	    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter.png" alt=""/></a></li>
			    	    				    	    				    	    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook.png" alt=""/></a></li>
			    	    				    	    					        				    	    </ul>
			    	
			    	</div>
			    				    	
			    </div>
			    	
			    			    <div class="top_contact_info">
			        <ul>
			        				        		<li><img src="images/grey_phone_icon.png" alt="" class="middle">0207 310 8757</li>
			        				        				        		<li><img src="images/grey_email_icon.png" alt="" class="middle">info@tristarwebdesign.co.uk</li>
			        				        </ul>
			    </div>
			    			    
			    			    
			    			    
			</div>
			<!-- End top bar -->
					
			<!-- Begin header -->
			<div id="header_wrapper">
				
				<!-- Begin main nav -->
				<div id="menu_wrapper">
				
				    <div class="logo">
				    	<!-- Begin logo -->
				    
				    					    	
				    	<a id="custom_logo" href="http://www.tristarwebdesign.co.uk" title="Web Design London, Website Design & Web Designers London"><img src="images/logo.png" alt="Web Design London, Website Design & Web Designers London"/></a>
				    	
				    	<!-- End logo -->
				    	
				    </div>
				    
				    <img id="mobile_menu" src="images/mobile_menu.png" alt=""/>
				    
				    <div id="menu_border_wrapper">
				
				    	<div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-6735" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-6735"><a title="Tristar Home page" href="/">Home</a></li>
<li id="menu-item-6731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6731"><a title="About Tristar Web Design" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6732"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6734"><a title="Our Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
<li id="menu-item-6733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6733"><a title="Web Design Blog" href="http://www.tristarwebdesign.co.uk/blog">Blog</a></li>
<li id="menu-item-6730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6730"><a title="Contact Tristar Web Design" href="http://www.tristarwebdesign.co.uk/contact-us">Contact Us</a></li>
</ul></div>				    
				    </div>
				
				</div>
				<!-- End main nav -->
		
		</div>
		
				
		<br class="clear"/>
				
				
				

</div>
<!-- End header bg -->


<div class="page_caption">
	<div class="caption_inner">
		<div class="caption_header">
			<h1 ><span>Portfolio</span></h1>
		</div>
		<div class="caption_breadcrumbs "><div id="crumbs"><a href="http://www.tristarwebdesign.co.uk">Home</a> / <span class="current">Portfolio</span></div></div>
	</div>
	<br class="clear"/>
</div>
<div class="thickline"></div>
<br class="clear"/>

<!-- Begin content -->
<div id="content_wrapper">

   	<div class="inner">
    
    	<!-- Begin main content -->
    	<div class="inner_wrapper">
    	
    	<div class="standard_wrapper">
	

    <div class="page_description">At Tristar we build products from idea to launch. We are experts in converting users to revenue. Here is some of our work.</div>


<!-- Begin portfolio content -->

    <ul id="portfolio_filters" class="portfolio-main filter full"> 
    	<li class="all-projects active">
    		<a class="active" href="javascript:;" data-filter="*">All</a>
    		<span class="separator">/</span>	
    	</li>
    	    	<li class="cat-item web-design" data-type="web-design" style="clear:none">
    		<a data-filter=".web-design" href="javascript:;" title="Web Design">Web Design</a>
    		<span class="separator">/</span>
    	</li> 
    	    	<li class="cat-item seo" data-type="seo" style="clear:none">
    		<a data-filter=".seo" href="javascript:;" title="SEO">SEO</a>
    		<span class="separator">/</span>
    	</li> 
    	    	<li class="cat-item video" data-type="video" style="clear:none">
    		<a data-filter=".video" href="javascript:;" title="Video">Video</a>
    		<span class="separator">/</span>
    	</li> 
    	    	<li class="cat-item responsive" data-type="responsive" style="clear:none">
    		<a data-filter=".responsive" href="javascript:;" title="Responsive">Responsive</a>
    		<span class="separator">/</span>
    	</li> 
    	    	<li class="cat-item photography" data-type="photography" style="clear:none">
    		<a data-filter=".photography" href="javascript:;" title="Photography">Photography</a>
    		<span class="separator">/</span>
    	</li> 
    	    	<li class="cat-item print" data-type="print" style="clear:none">
    		<a data-filter=".print" href="javascript:;" title="Print">Print</a>
    		<span class="separator">/</span>
    	</li> 
    	    </ul><br class="clear"/>
						
<div id="portfolio_filter_wrapper" class="three_columns portfolio-content section content clearfix"> 
    			<div class="element responsive seo video web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="responsive seo video web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="Nicky Clarke" href="http://www.tristarwebdesign.co.uk/portfolios/nicky-clarke">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/nicky-clarke-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Nicky Clarke</h3>
        							Nicky Clarke Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element video  portfolio_grid3">
        			<div data-id="post-6" data-type="video ">
        			    				<div class="portfolio305_shadow ">
    				    <a title="Private Jet Hire" href="#video_self_5" class="lightbox_vimeo">
    				    	<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/private-305x220.jpg" alt="" class="portfolio_img"/>
    				    	<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Private Jet Hire</h3>
        							Private Jet Hire Video        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
    				    </a>
    				</div>
    									
    				<div style="display:none;">
			    	    <div id="video_self_5" style="width:900px;height:488px">
			    	    
			    	        <div id="self_hosted_vid_5">JW Player goes here</div>
					
					    				    	        
			    	    </div>	
			    	</div>
    								
    				    				</div>
    			</div>
    			    
    						<div class="element responsive video  portfolio_grid3">
        			<div data-id="post-6" data-type="responsive video ">
        			    				<div class="portfolio305_shadow mansory">
    				    <a title="Duff Miller" href="#video_65736280" class="lightbox_vimeo">
    				    	<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/duff-305x430.jpg" alt="" class="portfolio_img"/>
    				    	<div class="portfolio305_overlay mansory">
        						<div class="grid_content">
        							<h3>Duff Miller</h3>
        							Online Web Video        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
    				    </a>
    				</div>
    									
    				<div style="display:none;">
    				    <div id="video_65736280" style="width:900px;height:506px">
    				    
    				        <iframe src="http://player.vimeo.com/video/65736280?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="900" height="506" frameborder="0"></iframe>
    				        
    				    </div>	
    				</div>
    								
    				    				</div>
    			</div>
    			    
    						<div class="element web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="Steri Bottle" href="http://www.tristarwebdesign.co.uk/portfolios/steri-bottle">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/steri-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Steri Bottle</h3>
        							Steri Bottle Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element responsive seo web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="responsive seo web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="Studio One Design" href="http://www.tristarwebdesign.co.uk/portfolios/studio-one-design">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/studio1-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Studio One Design</h3>
        							Studio 1 Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element photography seo video web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="photography seo video web-design ">
        			        			<div class="portfolio305_shadow mansory">
        				<a title="Stephens Engineering" href="http://www.tristarwebdesign.co.uk/portfolios/stephens-engineering">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/engineering-305x430.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay mansory">
        						<div class="grid_content">
        							<h3>Stephens Engineering</h3>
        							Stephens Engineering Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element seo video web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="seo video web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="JoJo Glass" href="http://www.tristarwebdesign.co.uk/portfolios/jojo-glass">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/jojo-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>JoJo Glass</h3>
        							JoJo Glass Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="Morgan Hunt" href="http://www.tristarwebdesign.co.uk/portfolios/morgan-hunt">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/morgan-hunt-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Morgan Hunt</h3>
        							Morgan Hunt Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    						<div class="element web-design  portfolio_grid3">
        			<div data-id="post-6" data-type="web-design ">
        			        			<div class="portfolio305_shadow ">
        				<a title="Exochem" href="http://www.tristarwebdesign.co.uk/portfolios/exochem">
        					<img src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/exochem1-305x220.jpg" alt="" class="portfolio_img"/>
        					<div class="portfolio305_overlay ">
        						<div class="grid_content">
        							<h3>Exochem</h3>
        							Exochem Web Design        						</div>
        						<img src="http://www.tristarwebdesign.co.uk/wp-content/themes/sirens/images/icon_arrow.png" alt="" class="grid_icon"/>
        					</div>
        				</a>
        			</div>
        			
        			    				</div>
    			</div>
    			    
    			    			    
    		    		</div>
    		
    						
				
    </div>
    <!-- End main content -->
    	
    </div>
    
</div>
<!-- End content -->
				

	
	</div>
		
		</div>
		
		<!-- Begin footer -->
		<div id="footer">
			<div class="thickline"></div>
			
						<ul class="sidebar_widget three">
				<li id="text-2" class="widget widget_text"><h2 class="widgettitle">Contact info</h2>
			<div class="textwidget"><div class="textwidget"><p>25 Victoria Street London SW1H 0EX.
</p><div style="width:60px;float:left;font-weight:bold;">Phone:</div>
<div style="float:left;">0207 310 8757</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Email:</div>
<div style="float:left;">info@tristarwebdesign.co.uk</div>
<div style="width:60px;float:left;clear:both;font-weight:bold;">Website:</div>
<div style="float:left;">www.tristarwebdesign.co.uk</div>
</div></div>
		</li>
<li id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">Pages</h2>
<div class="menu-footer-menu-left-container"><ul id="menu-footer-menu-left" class="menu"><li id="menu-item-6767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6767"><a title="Tristar Home Page" href="/">Home</a></li>
<li id="menu-item-6762" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6687 current_page_item menu-item-6762"><a title="About us" href="http://www.tristarwebdesign.co.uk/about-us">About us</a></li>
<li id="menu-item-6763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6763"><a title="Web Design" href="http://www.tristarwebdesign.co.uk/web-design">Web Design</a></li>
<li id="menu-item-6765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6765"><a title="Portfolio" href="http://www.tristarwebdesign.co.uk/portfolio">Portfolio</a></li>
</ul></div></li>
<li id="custom_recent_post_thumbnails-2" class="widget Custom_Recent_Post_Thumbnails"><h2 class="widgettitle"><span>Recent Posts</span></h2><ul class="thumb"><li><a href="http://www.tristarwebdesign.co.uk/general/introduction-to-aptana-studio-3" title="Introduction to Aptana Studio 3" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/aptana1-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/general/10-examples-of-subtle-patterns-in-website-design" title="10 Examples of Subtle Patterns in Website Design" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/subtle-150x150.jpg" alt="" /></a></li><li><a href="http://www.tristarwebdesign.co.uk/tutorials/less-is-better" title="LESS is better" class="tipsy"><img class="resize frame" src="http://www.tristarwebdesign.co.uk/wp-content/uploads/2013/06/less-150x150.jpg" alt="" /></a></li></ul><br class="clear"/></li>
			</ul>
			
			<br class="clear"/>
						
		</div>
		<!-- End footer -->
		<div>
		<div>
		<div id="copyright" >
			<div class="copyright_wrapper">
				<div class="left_wrapper">
				Copyright © 2013 - Tristar Web Design - Part of the Creare Group				</div>
				
								<div class="right_wrapper">
					<ul class="social_wrapper">
				    					    	<li><a title="Twitter" href="http://twitter.com/tristarweb"><img src="images/twitter_light.png" alt=""/></a></li>
				    					    					    	<li><a title="Facebook" href="http://facebook.com/tristarwebdesign"><img src="images/facebook_light.png" alt=""/></a></li>
				    					    					    					    					    					    					    					    					    					    				        					    </ul>				
				</div>
								<br class="clear"/>
			</div>
			</div>
		
		</div>
	
	</div>
		
	<div id="toTop">
		<img src="images/arrow_up_24x24.png" alt=""/>
	</div>


<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.ui.core.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.widget.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.accordion.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/jquery.ui.tabs.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='js/swfobject.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox.pack.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.fancybox-thumbs.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.easing.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/gmap.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.tipsy.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.validate.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/browser.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.isotope.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.flexslider-min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/reflection.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jwplayer.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/hint.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/mediaelement-and-player.min.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/custom.js?ver=1.6.3'></script>
<script type='text/javascript' src='js/jquery.form.min.js?ver=3.32.0-2013.04.03'></script>
<script type='text/javascript' src='js/all.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.tristarwebdesign.co.uk\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='js/scripts.js?ver=3.4.1'></script>

</body>
</html>
